


<script setup>
import {ref, reactive} from 'vue'

const activeColor = ref('red')
const fontSize = ref(30)

const styleObject = reactive({
    color: 'red',
    fontSize: '13px'
})

</script>

<template>
    <div :style="{ color: activeColor, fontSize: fontSize + 'px' }">11</div>
    <div :style="{ 'font-size': fontSize + 'px' }">22</div>
    <div :style="styleObject">33</div>
</template>
